import React from 'react';
import Logo from '../../Logo';

import styles from './index.module.less';

export default class LogoHeader extends React.Component {
  render() {
    const {
      moduleName = null,
      rightContent = null,
      extra = null,
    } = this.props;

    return (
      <div className={styles.coloredBox}>
        <div className={styles.logoHeaderBox}>
          <div className={styles.logoContent}>
            <Logo moduleName={moduleName} />
          </div>
          {
            extra && (
              <div className={styles.extraContent}>
                { extra }
              </div>
            )
          }
          {
            rightContent && (
              <div className={styles.rightContent}>
                { rightContent }
              </div>
            )
          }
        </div>
      </div>
    );
  }
}
